<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
    <title>谷粒学院 - Java视频|HTML5视频|前端视频|Python视频|大数据视频-自学拿1万+月薪的IT在线视频课程，谷粉力挺，老学员为你推荐</title>
    <meta name="keywords" content="谷粒学院,IT在线视频教程,Java视频,HTML5视频,前端视频,Python视频,大数据视频"/>
    <meta name="description"
          content="谷粒学院是国内领先的IT在线视频学习平台、职业教育平台。截止目前,谷粒学院线上、线下学习人次数以万计！会同上百个知名开发团队联合制定的Java、HTML5前端、大数据、Python等视频课程，被广大学习者及IT工程师誉为：业界最适合自学、代码量最大、案例最多、实战性最强、技术最前沿的IT系列视频课程！"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/theme.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/web.css">
</head>

<body>
<div class="in-wrap">

    <!-- 公共头引入 -->
    <header id="header">
        <section class="container">
            <h1 id="logo">
                <a href="#" title="谷粒学院">
                    <img src="img/logo.png" width="100%" alt="谷粒学院">
                </a>
            </h1>
            <div class="h-r-nsl">
                <ul class="nav">
                    <li class="current"><a href="index.html" title="首页">首页</a></li>
                    <li><a href="course.html" title="课程">课程</a></li>
                    <li><a href="teacher.html" title="名师">名师</a></li>
                    <li><a href="article.html" title="文章">学习地图</a></li>
                    <li><a href="exam.html" title="考试">考试</a></li>
                </ul>
                <!-- / nav -->
                <ul class="h-r-login">
                    <li id="no-login">
                        <a href="loginByAccount2.html" title="登录">
                            <em class="icon18 login-icon">&nbsp;</em><span class="vam ml5">登录</span>
                        </a>
                        |
                        <a href="register.html" title="注册">
                            <span class="vam ml5">注册</span>
                        </a>
                    </li>
                    <li class="mr10 undis" id="is-login-one">
                        <a href="#" title="消息" id="headerMsgCountId">
                            <em class="icon18 news-icon">&nbsp;</em>
                        </a><q class="red-point" style="display: none">&nbsp;</q></li>
                    <li class="h-r-user undis" id="is-login-two">
                        <a href="#" title="">
                            <img src="img/avatar-boy.gif" width="30" height="30" class="vam picImg" alt="">
                            <span class="vam disIb" id="userName"></span>
                        </a>
                        <a href="javascript:void(0)" title="退出" onclick="exit();" class="ml5">退出</a></li>
                    <!-- /未登录显示第1 li；登录后显示第2，3 li -->
                </ul>
                <aside class="h-r-search">
                    <form action="#" method="post">
                        <label class="h-r-s-box"><input type="text" placeholder="搜索课程" name="queryCourse.courseName"
                                                        value="">
                            <button type="submit" class="s-btn">
                                <em class="icon18">&nbsp;</em>
                            </button>
                        </label>
                    </form>
                </aside>
            </div>
            <aside class="mw-nav-btn">
                <div class="mw-nav-icon"></div>
            </aside>
            <div class="clear"></div>
        </section>
    </header>
    <!-- /公共头引入 -->


    <div class="i-slide">
        <section>
            <!-- 如果需要导航按钮 -->
            <a class="arrow-left s-arrow" href="javascript:void(0)"></a>
            <a class="arrow-right s-arrow" href="javascript:void(0)"></a>
            <!-- 图片位置 -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background: #040B1B;">
                        <a target="_blank" href="/static">
                            <img class="imgload" src="photo/banner/1525939573202.jpg" alt="首页banner">
                        </a>
                    </div>
                    <div class="swiper-slide" style="background: #040B1B;">
                        <a target="_blank" href="/static">
                            <img class="imgload" src="photo/banner/1525939573202.jpg" alt="首页banner">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="pagination"></div>
        </section>
    </div>
    <!-- /index slide -->

    <div id="aCoursesList">

        <!-- 网校课程 开始 -->
        <div>
            <section class="container">
                <header class="comm-title">
                    <h2 class="tac">
                        <span class="c-333">热门课程</span>
                    </h2>
                </header>
                <div>
                    <article class="comm-course-list">
                        <ul class="of" id="bna">
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/01.jpg" class="img-responsive" alt="30天搞定Java核心技术">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="30天搞定Java核心技术" class="course-title fsize18 c-333">30天搞定Java核心技术</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    9634人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    9634评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/02.jpg" class="img-responsive" alt="Linux集群教程">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="Linux集群教程" class="course-title fsize18 c-333">Linux集群教程</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    501人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    501评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/03.jpg" class="img-responsive" alt="互联网大厂高频重点面试题（第2季）">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="互联网大厂高频重点面试题（第2季）" class="course-title fsize18 c-333">互联网大厂高频重点面试题（第2季）</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    300人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    300评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/04.jpg" class="img-responsive" alt="RBAC权限模型">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="RBAC权限模型" class="course-title fsize18 c-333">RBAC权限模型</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    256人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    256评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/05.jpg" class="img-responsive" alt="SpringMVC">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="SpringMVC" class="course-title fsize18 c-333">SpringMVC</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    137人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    137评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/06.jpg" class="img-responsive" alt="图解Java数据结构和算法">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="图解Java数据结构和算法" class="course-title fsize18 c-333">图解Java数据结构和算法</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    125人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    125评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/07.jpg" class="img-responsive" alt="IT人面试求职技巧">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="IT人面试求职技巧" class="course-title fsize18 c-333">IT人面试求职技巧</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    123人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    123评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="photo/course/08.jpg" class="img-responsive" alt="Java11新特性教程">
                                        <div class="cc-mask">
                                            <a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="#" title="Java11新特性教程"
                                           class="course-title fsize18 c-333">Java11新特性教程</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                            <span class="fr jgTag bg-green">
                                                <i class="c-fff fsize12 f-fA">免费</i>
                                            </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                                <i class="c-999 f-fA">
                                                    34人学习
                                                </i>
                                                |
                                                <i class="c-999 f-fA">
                                                    34评论
                                                </i>
                                            </span>
                                    </section>
                                </div>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </article>
                    <section class="tac pt20">
                        <a href="#" title="全部课程" class="comm-btn c-btn-2">全部课程</a>
                    </section>
                </div>
            </section>
        </div>
        <!-- /网校课程 结束 -->

        <!-- 网校名师 开始 -->
        <div>
            <section class="container">
                <header class="comm-title">
                    <h2 class="tac">
                        <span class="c-333">名师大咖</span>
                    </h2>
                </header>
                <div>
                    <article class="i-teacher-list">
                        <ul class="of">
                            <li>
                                <section class="i-teach-wrap">
                                    <div class="i-teach-pic">
                                        <a href="#" title="佟老师">
                                            <img alt="佟老师" src="photo/teacher/01.jpg">
                                        </a>
                                    </div>
                                    <div class="mt10 hLh30 txtOf tac">
                                        <a href="#" title="佟老师" class="fsize18 c-666">佟老师</a>
                                    </div>
                                </section>
                            </li>
                            <li>
                                <section class="i-teach-wrap">
                                    <div class="i-teach-pic">
                                        <a href="#" title="韩老师">
                                            <img alt="韩老师" src="photo/teacher/02.jpg">
                                        </a>
                                    </div>
                                    <div class="mt10 hLh30 txtOf tac">
                                        <a href="#" title="韩老师" class="fsize18 c-666">韩老师</a>
                                    </div>
                                </section>
                            </li>
                            <li>
                                <section class="i-teach-wrap">
                                    <div class="i-teach-pic">
                                        <a href="#" title="李老师">
                                            <img alt="李老师" src="photo/teacher/03.jpg">
                                        </a>
                                    </div>
                                    <div class="mt10 hLh30 txtOf tac">
                                        <a href="#" title="李老师" class="fsize18 c-666">李老师</a>
                                    </div>
                                </section>
                            </li>
                            <li>
                                <section class="i-teach-wrap">
                                    <div class="i-teach-pic">
                                        <a href="#" title="宋老师">
                                            <img alt="宋老师" src="photo/teacher/04.jpg">
                                        </a>
                                    </div>
                                    <div class="mt10 hLh30 txtOf tac">
                                        <a href="#" title="宋老师" class="fsize18 c-666">宋老师</a>
                                    </div>
                                </section>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </article>
                    <section class="tac pt20">
                        <a href="#" title="全部讲师" class="comm-btn c-btn-2">全部讲师</a>
                    </section>
                </div>
            </section>
        </div>
        <!-- /网校名师 结束 -->
    </div>

    <!-- 公共底引入 -->
    <footer id="footer">
        <section class="container">
            <div class="">
                <h4 class="hLh30">
                    <span class="fsize18 f-fM c-999">友情链接</span>
                </h4>
                <ul class="of flink-list">
                    <li><a href="http://www.atguigu.com/" title="尚硅谷" target="_blank">尚硅谷</a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="b-foot">
                <section class="fl col-7">
                    <section class="mr20">
                        <section class="b-f-link">
                            <a href="#" title="关于我们" target="_blank">关于我们</a>|
                            <a href="#" title="联系我们" target="_blank">联系我们</a>|
                            <a href="#" title="帮助中心" target="_blank">帮助中心</a>|
                            <a href="#" title="资源下载" target="_blank">资源下载</a>|
                            <span>服务热线：010-56253825</span> <span>Email：info@atguigu.com</span>
                        </section>
                        <section class="b-f-link mt10">
                            <span>©2020课程版权均归谷粒学院所有 京ICP备19006131号</span>
                        </section>
                    </section>
                </section>
                <aside class="fl col-3 tac mt15">
                    <section class="gf-tx">
                        <span><img src="img/wx-icon.png" alt=""></span>
                    </section>
                    <section class="gf-tx">
                        <span><img src="img/wb-icon.png" alt=""></span>
                    </section>
                </aside>
                <div class="clear"></div>
            </div>
        </section>
    </footer>
    <!-- /公共底引入 -->
</div>

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/swiper-2.1.0.js"></script>
<script src="js/index.js"></script>
<script>
    $(function () {
        sSwiperFun(); //幻灯片调取
    });
</script>
</body>

</html>